<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title> Icon | Nyasa - Responsive admin template.</title>
        <link rel="shortcut icon" href="img/favicon.ico">
        <!--STYLESHEET-->
        <!--=================================================-->
        <!--Roboto Slab Font [ OPTIONAL ] -->
        <link href="http://fonts.googleapis.com/css?family=Roboto+Slab:400,300,100,700" rel="stylesheet">
        <link href="http://fonts.googleapis.com/css?family=Roboto:500,400italic,100,700italic,300,700,500italic,400" rel="stylesheet">
        <!--Bootstrap Stylesheet [ REQUIRED ]-->
        <link href="css/bootstrap.min.css" rel="stylesheet">
        <!--Jasmine Stylesheet [ REQUIRED ]-->
        <link href="css/style.css" rel="stylesheet">
        <!--Font Awesome [ OPTIONAL ]-->
        <link href="plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet">
        <!--Weather Icons [ OPTIONAL ]-->
        <link href="plugins/weather-icons/weather-icons.min.css" rel="stylesheet">
        <!--Switchery [ OPTIONAL ]-->
        <link href="plugins/switchery/switchery.min.css" rel="stylesheet">
        <!--Bootstrap Select [ OPTIONAL ]-->
        <link href="plugins/bootstrap-select/bootstrap-select.min.css" rel="stylesheet">
        <!--Demo [ DEMONSTRATION ]-->
        <link href="css/demo/jasmine.css" rel="stylesheet">
        <!--SCRIPT-->
        <!--=================================================-->
        <!--Page Load Progress Bar [ OPTIONAL ]-->
        <link href="plugins/pace/pace.min.css" rel="stylesheet">
        <script src="plugins/pace/pace.min.js"></script>
    </head>
    <body>
        <div id="container" class="effect mainnav-lg navbar-fixed mainnav-fixed">
            <!--NAVBAR-->
            <!--===================================================-->
            <header id="navbar">
                <div id="navbar-container" class="boxed">
                    <!--Brand logo & name-->
                    <!--================================-->
                    <div class="navbar-header">
                        <a href="index.html" class="navbar-brand">
                            <i class="fa fa-cube brand-icon"></i>
                            <div class="brand-title">
                                <span class="brand-text">Nyasa</span>
                            </div>
                        </a>
                    </div>
                    <!--================================-->
                    <!--End brand logo & name-->
                    <!--Navbar Dropdown-->
                    <!--================================-->
                    <div class="navbar-content clearfix">
                        <ul class="nav navbar-top-links pull-left">
                            <!--Navigation toogle button-->
                            <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
                            <li class="tgl-menu-btn">
                                <a class="mainnav-toggle" href="ui-icons.html#"> <i class="fa fa-navicon fa-lg"></i> </a>
                            </li>
                            <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
                            <!--End Navigation toogle button-->
                            <!--Profile toogle button-->
                            <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
                            <li id="profilebtn" class="hidden-xs">
                                <a href="JavaScript:void(0);"> <i class="fa fa-user fa-lg"></i> </a>
                            </li>
                            <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
                            <!--End Profile toogle button-->
                            <!--Messages Dropdown-->
                            <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
                            <li class="dropdown">
                                <a href="ui-icons.html#" data-toggle="dropdown" class="dropdown-toggle"> <i class="fa fa-envelope fa-lg"></i> <span class="badge badge-header badge-warning">9</span> 
                                </a>
                                <!--Message dropdown menu-->
                                <div class="dropdown-menu dropdown-menu-md with-arrow">
                                    <div class="pad-all bord-btm">
                                        <div class="h4 text-muted text-thin mar-no">You have 3 messages.</div>
                                    </div>
                                    <div class="nano scrollable">
                                        <div class="nano-content">
                                            <ul class="head-list">
                                                <!-- Dropdown list-->
                                                <li>
                                                    <a href="ui-icons.html#" class="media">
                                                        <div class="media-left"> <img src="img/av2.png" alt="Profile Picture" class="img-circle img-sm"> </div>
                                                        <div class="media-body">
                                                            <div class="text-nowrap">Andy sent you a message</div>
                                                            <small class="text-muted">15 minutes ago</small> 
                                                        </div>
                                                    </a>
                                                </li>
                                                <!-- Dropdown list-->
                                                <li>
                                                    <a href="ui-icons.html#" class="media">
                                                        <div class="media-left"> <img src="img/av4.png" alt="Profile Picture" class="img-circle img-sm"> </div>
                                                        <div class="media-body">
                                                            <div class="text-nowrap">Lucy sent you a message</div>
                                                            <small class="text-muted">30 minutes ago</small> 
                                                        </div>
                                                    </a>
                                                </li>
                                                <!-- Dropdown list-->
                                                <li>
                                                    <a href="ui-icons.html#" class="media">
                                                        <div class="media-left"> <img src="img/av3.png" alt="Profile Picture" class="img-circle img-sm"> </div>
                                                        <div class="media-body">
                                                            <div class="text-nowrap">Jackson sent you a message</div>
                                                            <small class="text-muted">40 minutes ago</small> 
                                                        </div>
                                                    </a>
                                                </li>
                                                <!-- Dropdown list-->
                                                <li>
                                                    <a href="ui-icons.html#" class="media">
                                                        <div class="media-left"> <img src="img/av6.png" alt="Profile Picture" class="img-circle img-sm"> </div>
                                                        <div class="media-body">
                                                            <div class="text-nowrap">Donna sent you a message</div>
                                                            <small class="text-muted">5 hours ago</small> 
                                                        </div>
                                                    </a>
                                                </li>
                                                <!-- Dropdown list-->
                                                <li>
                                                    <a href="ui-icons.html#" class="media">
                                                        <div class="media-left"> <img src="img/av4.png" alt="Profile Picture" class="img-circle img-sm"> </div>
                                                        <div class="media-body">
                                                            <div class="text-nowrap">Lucy sent you a message</div>
                                                            <small class="text-muted">Yesterday</small> 
                                                        </div>
                                                    </a>
                                                </li>
                                                <!-- Dropdown list-->
                                                <li>
                                                    <a href="ui-icons.html#" class="media">
                                                        <div class="media-left"> <img src="img/av3.png" alt="Profile Picture" class="img-circle img-sm"> </div>
                                                        <div class="media-body">
                                                            <div class="text-nowrap">Jackson sent you a message</div>
                                                            <small class="text-muted">Yesterday</small> 
                                                        </div>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <!--Dropdown footer-->
                                    <div class="pad-all bord-top">
                                        <a href="ui-icons.html#" class="btn-link text-dark box-block"> <i class="fa fa-angle-right fa-lg pull-right"></i>Show All Messages </a>
                                    </div>
                                </div>
                            </li>
                            <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
                            <!--End message dropdown-->
                            <!--Notification dropdown-->
                            <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
                            <li class="dropdown">
                                <a href="ui-icons.html#" data-toggle="dropdown" class="dropdown-toggle"> <i class="fa fa-bell fa-lg"></i> <span class="badge badge-header badge-danger">5</span> </a>
                                <!--Notification dropdown menu-->
                                <div class="dropdown-menu dropdown-menu-md with-arrow">
                                    <div class="pad-all bord-btm">
                                        <div class="h4 text-muted text-thin mar-no"> Notification </div>
                                    </div>
                                    <div class="nano scrollable">
                                        <div class="nano-content">
                                            <ul class="head-list">
                                                <!-- Dropdown list-->
                                                <li>
                                                    <a href="ui-icons.html#" class="media">
                                                        <div class="media-left"> <span class="icon-wrap icon-circle bg-primary"> <i class="fa fa-comment fa-lg"></i> </span> </div>
                                                        <div class="media-body">
                                                            <div class="text-nowrap">New comments waiting approval</div>
                                                            <small class="text-muted">15 minutes ago</small> 
                                                        </div>
                                                    </a>
                                                </li>
                                                <!-- Dropdown list-->
                                                <li>
                                                    <a href="ui-icons.html#" class="media">
                                                        <span class="badge badge-success pull-right">90%</span>
                                                        <div class="media-left"> <span class="icon-wrap icon-circle bg-danger"> <i class="fa fa-hdd-o fa-lg"></i> </span> </div>
                                                        <div class="media-body">
                                                            <div class="text-nowrap">HDD is full</div>
                                                            <small class="text-muted">50 minutes ago</small> 
                                                        </div>
                                                    </a>
                                                </li>
                                                <!-- Dropdown list-->
                                                <li>
                                                    <a href="ui-icons.html#" class="media">
                                                        <div class="media-left"> <span class="icon-wrap icon-circle bg-info"> <i class="fa fa-file-word-o fa-lg"></i> </span> </div>
                                                        <div class="media-body">
                                                            <div class="text-nowrap">Write a news article</div>
                                                            <small class="text-muted">Last Update 8 hours ago</small> 
                                                        </div>
                                                    </a>
                                                </li>
                                                <!-- Dropdown list-->
                                                <li>
                                                    <a href="ui-icons.html#" class="media">
                                                        <span class="label label-danger pull-right">New</span>
                                                        <div class="media-left"> <span class="icon-wrap icon-circle bg-purple"> <i class="fa fa-comment fa-lg"></i> </span> </div>
                                                        <div class="media-body">
                                                            <div class="text-nowrap">Comment Sorting</div>
                                                            <small class="text-muted">Last Update 8 hours ago</small> 
                                                        </div>
                                                    </a>
                                                </li>
                                                <!-- Dropdown list-->
                                                <li>
                                                    <a href="ui-icons.html#" class="media">
                                                        <div class="media-left"> <span class="icon-wrap icon-circle bg-success"> <i class="fa fa-user fa-lg"></i> </span> </div>
                                                        <div class="media-body">
                                                            <div class="text-nowrap">New User Registered</div>
                                                            <small class="text-muted">4 minutes ago</small> 
                                                        </div>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <!--Dropdown footer-->
                                    <div class="pad-all bord-top">
                                        <a href="ui-icons.html#" class="btn-link text-dark box-block"> <i class="fa fa-angle-right fa-lg pull-right"></i>Show All Notifications </a>
                                    </div>
                                </div>
                            </li>
                            <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
                            <!--End notifications dropdown-->
                        </ul>
                        <ul class="nav navbar-top-links pull-right">
                            <!--Profile toogle button-->
                            <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
                            <li class="hidden-xs" id="toggleFullscreen">
                                <a class="fa fa-expand" data-toggle="fullscreen" href="ui-icons.html#" role="button">
                                <span class="sr-only">Toggle fullscreen</span>
                                </a>
                            </li>
                            <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
                            <!--End Profile toogle button-->
                            <!--User dropdown-->
                            <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
                            <li id="dropdown-user" class="dropdown">
                                <a href="ui-icons.html#" data-toggle="dropdown" class="dropdown-toggle text-right">
                                    <span class="pull-right"> <img class="img-circle img-user media-object" src="img/av1.png" alt="Profile Picture"> </span>
                                    <div class="username hidden-xs">John Doe</div>
                                </a>
                                <div class="dropdown-menu dropdown-menu-right with-arrow">
                                    <!-- User dropdown menu -->
                                    <ul class="head-list">
                                        <li>
                                            <a href="ui-icons.html#"> <i class="fa fa-user fa-fw fa-lg"></i> Profile </a>
                                        </li>
                                        <li>
                                            <a href="ui-icons.html#">  <i class="fa fa-envelope fa-fw fa-lg"></i> Messages </a>
                                        </li>
                                        <li>
                                            <a href="ui-icons.html#">  <i class="fa fa-gear fa-fw fa-lg"></i> Settings </a>
                                        </li>
                                        <li>
                                            <a href="ui-icons.html#"> <i class="fa fa-sign-out fa-fw"></i> Logout </a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
                            <!--End user dropdown-->
                            <!--Navigation toogle button-->
                            <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
                            <li class="hidden-xs">
                                <a id="demo-toggle-aside" href="ui-icons.html#">
                                <i class="fa fa-navicon fa-lg"></i>
                                </a>
                            </li>
                            <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
                            <!--End Navigation toogle button-->
                        </ul>
                    </div>
                    <!--================================-->
                    <!--End Navbar Dropdown-->
                </div>
            </header>
            <!--===================================================-->
            <!--END NAVBAR-->
            <div class="boxed">
                <!--CONTENT CONTAINER-->
                <!--===================================================-->
                <section id="content-container">
                    <div id="profilebody">
                        <div class="pad-all animated fadeInDown">
                            <div class="row">
                                <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                    <div class="panel panel-default mar-no">
                                        <div class="panel-body">
                                            <a href="JavaScript:void(0);">
                                                <div class="pull-left">
                                                    <p class="profile-title text-bricky">Users</p>
                                                </div>
                                                <div class="pull-right text-bricky"> <i class="fa fa-users fa-4x"></i> </div>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                    <div class="panel panel-default mar-no">
                                        <div class="panel-body">
                                            <a href="JavaScript:void(0);">
                                                <div class="pull-left">
                                                    <p class="profile-title text-bricky">Inbox</p>
                                                </div>
                                                <div class="pull-right text-bricky"> <i class="fa fa-envelope fa-4x"></i> </div>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                    <div class="panel panel-default mar-no">
                                        <div class="panel-body">
                                            <a href="JavaScript:void(0);">
                                                <div class="pull-left">
                                                    <p class="profile-title text-bricky">FAQ</p>
                                                </div>
                                                <div class="pull-right text-bricky"> <i class="fa fa-headphones fa-4x"></i> </div>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                    <div class="panel panel-default mar-no">
                                        <div class="panel-body">
                                            <a href="JavaScript:void(0);">
                                                <div class="pull-left">
                                                    <p class="profile-title text-bricky">Settings</p>
                                                </div>
                                                <div class="pull-right text-bricky"> <i class="fa fa-cogs fa-4x"></i> </div>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                    <div class="panel panel-default mar-no">
                                        <div class="panel-body">
                                            <a href="JavaScript:void(0);">
                                                <div class="pull-left">
                                                    <p class="profile-title text-bricky">Calender</p>
                                                </div>
                                                <div class="pull-right text-bricky"> <i class="fa fa-calendar fa-4x"></i> </div>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                    <div class="panel panel-default mar-no">
                                        <div class="panel-body">
                                            <a href="JavaScript:void(0);">
                                                <div class="pull-left">
                                                    <p class="profile-title text-bricky">Pictures</p>
                                                </div>
                                                <div class="pull-right text-bricky"> <i class="fa fa-picture-o fa-4x"></i> </div>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <header class="pageheader">
                        <h3><i class="fa fa-home"></i> Icon </h3>
                        <div class="breadcrumb-wrapper">
                            <span class="label">You are here:</span>
                            <ol class="breadcrumb">
                                <li> <a href="ui-icons.html#"> Home </a> </li>
                                <li class="active"> Icon </li>
                            </ol>
                        </div>
                    </header>
                    <!--Page content-->
                    <!--===================================================-->
                    <div id="page-content">
                        <div class="h3">
                            Glyphicon Icon
                            <hr>
                        </div>
                        <div class="row">
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-asterisk"></span>
                                        <span class="glyphicon-class">glyphicon-asterisk</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-plus"></span>
                                        <span class="glyphicon-class">glyphicon-asterisk</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-minus"></span>
                                        <span class="glyphicon-class">glyphicon-asterisk</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-cloud"></span>
                                        <span class="glyphicon-class">glyphicon-asterisk</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-envelope"></span>
                                        <span class="glyphicon-class">glyphicon-asterisk</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-pencil"></span>
                                        <span class="glyphicon-class">glyphicon-asterisk</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-glass"></span>
                                        <span class="glyphicon-class">glyphicon-glass</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-music"></span>
                                        <span class="glyphicon-class">glyphicon-music</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-search"></span>
                                        <span class="glyphicon-class">glyphicon-search</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-heart"></span>
                                        <span class="glyphicon-class">glyphicon-heart</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-star"></span>
                                        <span class="glyphicon-class">glyphicon-star</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-star-empty"></span>
                                        <span class="glyphicon-class">glyphicon-star-empty</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-user"></span>
                                        <span class="glyphicon-class">glyphicon-user</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-film"></span>
                                        <span class="glyphicon-class">glyphicon-film</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-th-large"></span>
                                        <span class="glyphicon-class"> glyphicon-th-large</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-th"></span>
                                        <span class="glyphicon-class">glyphicon-th</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-th-list"></span>
                                        <span class="glyphicon-class">glyphicon-th-list</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-ok"></span>
                                        <span class="glyphicon-class">glyphicon-ok</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-remove"></span>
                                        <span class="glyphicon-class">glyphicon-remove</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-zoom-in"></span>
                                        <span class="glyphicon-class">glyphicon-zoom-in</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-zoom-out"></span>
                                        <span class="glyphicon-class">glyphicon-zoom-out</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-off"></span>
                                        <span class="glyphicon-class">glyphicon-off</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-signal"></span>
                                        <span class="glyphicon-class">glyphicon-signal</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-cog"></span>
                                        <span class="glyphicon-class">glyphicon-cog</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-trash"></span>
                                        <span class="glyphicon-class">glyphicon-trash</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-home"></span>
                                        <span class="glyphicon-class">glyphicon-home</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-file"></span>
                                        <span class="glyphicon-class">glyphicon-file</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-time"></span>
                                        <span class="glyphicon-class">glyphicon-time</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-road"></span>
                                        <span class="glyphicon-class">glyphicon-road</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-download-alt"></span>
                                        <span class="glyphicon-class">glyphicon-download-alt</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-download"></span>
                                        <span class="glyphicon-class">glyphicon-download</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-upload"></span>
                                        <span class="glyphicon-class">glyphicon-upload</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-inbox"></span>
                                        <span class="glyphicon-class">glyphicon-inbox</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-play-circle"></span>
                                        <span class="glyphicon-class">glyphicon-play-circle</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-repeat"></span>
                                        <span class="glyphicon-class">glyphicon-repeat</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-refresh"></span>
                                        <span class="glyphicon-class">glyphicon-refresh</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-list-alt"></span>
                                        <span class="glyphicon-class">glyphicon-list-alt</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-lock"></span>
                                        <span class="glyphicon-class">glyphicon-lock</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-flag"></span>
                                        <span class="glyphicon-class">glyphicon-flag</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-headphones"></span>
                                        <span class="glyphicon-class">glyphicon-headphones</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-volume-off"></span>
                                        <span class="glyphicon-class">glyphicon-volume-off</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-volume-down"></span>
                                        <span class="glyphicon-class">glyphicon-volume-down</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-volume-up"></span>
                                        <span class="glyphicon-class">glyphicon-volume-up</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-qrcode"></span>
                                        <span class="glyphicon-class">glyphicon-qrcode</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-barcode"></span>
                                        <span class="glyphicon-class">glyphicon-barcode</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-tag"></span>
                                        <span class="glyphicon-class">glyphicon-tag</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-tags"></span>
                                        <span class="glyphicon-class">glyphicon-tags</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-book"></span>
                                        <span class="glyphicon-class">glyphicon-book</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-bookmark"></span>
                                        <span class="glyphicon-class">glyphicon-bookmark</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-print"></span>
                                        <span class="glyphicon-class">glyphicon-print</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-camera"></span>
                                        <span class="glyphicon-class">glyphicon-camera</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-font"></span>
                                        <span class="glyphicon-class">glyphicon-font</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-bold"></span>
                                        <span class="glyphicon-class">glyphicon-bold</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-italic"></span>
                                        <span class="glyphicon-class">glyphicon-italic</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-text-height"></span>
                                        <span class="glyphicon-class">glyphicon-text-height</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-text-width"></span>
                                        <span class="glyphicon-class">glyphicon-text-width</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-align-left"></span>
                                        <span class="glyphicon-class">glyphicon-align-left</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-align-center"></span>
                                        <span class="glyphicon-class">glyphicon-align-center</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-align-right"></span>
                                        <span class="glyphicon-class">glyphicon-align-right</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-align-justify"></span>
                                        <span class="glyphicon-class">glyphicon-align-justify</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-list"></span>
                                        <span class="glyphicon-class">glyphicon-list</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-indent-left"></span>
                                        <span class="glyphicon-class">glyphicon-indent-left</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-indent-right"></span>
                                        <span class="glyphicon-class">glyphicon-indent-right</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-facetime-video"></span>
                                        <span class="glyphicon-class">glyphicon-facetime-video</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-picture"></span>
                                        <span class="glyphicon-class">glyphicon-picture</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-map-marker"></span>
                                        <span class="glyphicon-class">glyphicon-map-marker</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-adjust"></span>
                                        <span class="glyphicon-class">glyphicon-adjust</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-tint"></span>
                                        <span class="glyphicon-class">glyphicon-tint</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-edit"></span>
                                        <span class="glyphicon-class">glyphicon-edit</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-share"></span>
                                        <span class="glyphicon-class">glyphicon-share</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-check"></span>
                                        <span class="glyphicon-class">glyphicon-check</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-move"></span>
                                        <span class="glyphicon-class">glyphicon-move</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-step-backward"></span>
                                        <span class="glyphicon-class">glyphicon-step-backward</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-fast-backward"></span>
                                        <span class="glyphicon-class">glyphicon-fast-backward</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-backward"></span>
                                        <span class="glyphicon-class">glyphicon-backward</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-play"></span>
                                        <span class="glyphicon-class">glyphicon-play</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-pause"></span>
                                        <span class="glyphicon-class">glyphicon-pause</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-stop"></span>
                                        <span class="glyphicon-class">glyphicon-stop</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-forward"></span>
                                        <span class="glyphicon-class">glyphicon-forward</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-fast-forward"></span>
                                        <span class="glyphicon-class">glyphicon-fast-forward</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-step-forward"></span>
                                        <span class="glyphicon-class">glyphicon-step-forward</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-eject"></span>
                                        <span class="glyphicon-class">glyphicon-eject</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-chevron-left"></span>
                                        <span class="glyphicon-class">glyphicon-chevron-left</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-chevron-right"></span>
                                        <span class="glyphicon-class">glyphicon-chevron-right</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-plus-sign"></span>
                                        <span class="glyphicon-class">glyphicon-plus-sign</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-minus-sign"></span>
                                        <span class="glyphicon-class">glyphicon-minus-sign</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-remove-sign"></span>
                                        <span class="glyphicon-class">glyphicon-remove-sign</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-ok-sign"></span>
                                        <span class="glyphicon-class">glyphicon-ok-sign</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-question-sign"></span>
                                        <span class="glyphicon-class">glyphicon-question-sign</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-info-sign"></span>
                                        <span class="glyphicon-class">glyphicon-info-sign</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-screenshot"></span>
                                        <span class="glyphicon-class">glyphicon-screenshot</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-remove-circle"></span>
                                        <span class="glyphicon-class">glyphicon-remove-circle</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-ok-sign"></span>
                                        <span class="glyphicon-class">glyphicon-ok-sign</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-ok-circle"></span>
                                        <span class="glyphicon-class">glyphicon-ok-circle</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-ban-circle"></span>
                                        <span class="glyphicon-class">glyphicon-ban-circle</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-arrow-left"></span>
                                        <span class="glyphicon-class">glyphicon-arrow-left</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-arrow-right"></span>
                                        <span class="glyphicon-class">glyphicon-arrow-right</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-arrow-up"></span>
                                        <span class="glyphicon-class">glyphicon-arrow-up</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-arrow-down"></span>
                                        <span class="glyphicon-class">glyphicon-arrow-down</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-share-alt"></span>
                                        <span class="glyphicon-class">glyphicon-share-alt</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-resize-full"></span>
                                        <span class="glyphicon-class">glyphicon-resize-full</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-resize-small"></span>
                                        <span class="glyphicon-class">glyphicon-resize-small</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-exclamation-sign"></span>
                                        <span class="glyphicon-class">glyphicon-exclamation-sign</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-gift"></span>
                                        <span class="glyphicon-class">glyphicon-gift</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-leaf"></span>
                                        <span class="glyphicon-class">glyphicon-leaf</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-fire"></span>
                                        <span class="glyphicon-class">glyphicon-fire</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-eye-open"></span>
                                        <span class="glyphicon-class">glyphicon-eye-open</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-eye-close"></span>
                                        <span class="glyphicon-class">glyphicon-eye-close</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-warning-sign"></span>
                                        <span class="glyphicon-class">glyphicon-warning-sign</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-plane"></span>
                                        <span class="glyphicon-class">glyphicon-plane</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-calendar"></span>
                                        <span class="glyphicon-class">glyphicon-calendar</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-random"></span>
                                        <span class="glyphicon-class">glyphicon-random</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-comment"></span>
                                        <span class="glyphicon-class">glyphicon-comment</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-magnet"></span>
                                        <span class="glyphicon-class">glyphicon-magnet</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-chevron-up"></span>
                                        <span class="glyphicon-class">glyphicon-chevron-up</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-chevron-down"></span>
                                        <span class="glyphicon-class">glyphicon-chevron-down</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-retweet"></span>
                                        <span class="glyphicon-class">glyphicon-retweet</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-shopping-cart"></span>
                                        <span class="glyphicon-class">glyphicon-shopping-cart</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-folder-close"></span>
                                        <span class="glyphicon-class">glyphicon-folder-close</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-folder-open"></span>
                                        <span class="glyphicon-class">glyphicon-folder-open</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-resize-vertical"></span>
                                        <span class="glyphicon-class">glyphicon-resize-vertical</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-resize-horizontal"></span>
                                        <span class="glyphicon-class">glyphicon-resize-horizontal</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-hdd"></span>
                                        <span class="glyphicon-class">glyphicon-hdd</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-bullhorn"></span>
                                        <span class="glyphicon-class">glyphicon-bullhorn</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-bell"></span>
                                        <span class="glyphicon-class">glyphicon-bell</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-certificate"></span>
                                        <span class="glyphicon-class">glyphicon-certificate</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-thumbs-up"></span>
                                        <span class="glyphicon-class">glyphicon-thumbs-up</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-thumbs-down"></span>
                                        <span class="glyphicon-class">glyphicon-thumbs-down</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-hand-right"></span>
                                        <span class="glyphicon-class">glyphicon-hand-right</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-hand-left"></span>
                                        <span class="glyphicon-class">glyphicon-hand-left</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-hand-up"></span>
                                        <span class="glyphicon-class">glyphicon-hand-up</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-hand-down"></span>
                                        <span class="glyphicon-class">glyphicon-hand-down</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-chevron-up"></span>
                                        <span class="glyphicon-class">glyphicon-circle-arrow-right</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-chevron-up"></span>
                                        <span class="glyphicon-class">glyphicon-circle-arrow-left</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-chevron-up"></span>
                                        <span class="glyphicon-class">glyphicon-circle-arrow-up</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-chevron-up"></span>
                                        <span class="glyphicon-class">glyphicon-circle-arrow-down</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-globe"></span>
                                        <span class="glyphicon-class">glyphicon-globe</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-wrench"></span>
                                        <span class="glyphicon-class">glyphicon-wrench</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-tasks"></span>
                                        <span class="glyphicon-class">glyphicon-tasks</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-filter"></span>
                                        <span class="glyphicon-class">glyphicon-filter</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-briefcase"></span>
                                        <span class="glyphicon-class">glyphicon-briefcase</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-fullscreen"></span>
                                        <span class="glyphicon-class">glyphicon-fullscreen</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-dashboard"></span>
                                        <span class="glyphicon-class">glyphicon-dashboard</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-paperclip"></span>
                                        <span class="glyphicon-class">glyphicon-paperclip</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-heart-empty"></span>
                                        <span class="glyphicon-class">glyphicon-heart-empty</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-link"></span>
                                        <span class="glyphicon-class">glyphicon-link</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-phone"></span>
                                        <span class="glyphicon-class">glyphicon-phone</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-pushpin"></span>
                                        <span class="glyphicon-class">glyphicon-pushpin</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-usd"></span>
                                        <span class="glyphicon-class">glyphicon-usd</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-gbp"></span>
                                        <span class="glyphicon-class">glyphicon-gbp</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-sort"></span>
                                        <span class="glyphicon-class">glyphicon-sort</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-sort-by-alphabet"></span>
                                        <span class="glyphicon-class">glyphicon-sort-by-alphabet</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-sort-by-alphabet-alt"></span>
                                        <span class="glyphicon-class">glyphicon-sort-by-alphabet-alt</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-sort-by-order"></span>
                                        <span class="glyphicon-class">glyphicon-sort-by-order</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-sort-by-order-alt"></span>
                                        <span class="glyphicon-class">glyphicon-sort-by-order-alt</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-unchecked"></span>
                                        <span class="glyphicon-class">glyphicon-unchecked</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-expand"></span>
                                        <span class="glyphicon-class">glyphicon-expand</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-collapse-down"></span>
                                        <span class="glyphicon-class">glyphicon-collapse-down</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-collapse-up"></span>
                                        <span class="glyphicon-class">glyphicon-collapse-up</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-log-in"></span>
                                        <span class="glyphicon-class">glyphicon-log-in</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-flash"></span>
                                        <span class="glyphicon-class">glyphicon-flash</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-log-out"></span>
                                        <span class="glyphicon-class">glyphicon-log-out</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-new-window"></span>
                                        <span class="glyphicon-class">glyphicon-new-window</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-record"></span>
                                        <span class="glyphicon-class">glyphicon-record</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-save"></span>
                                        <span class="glyphicon-class">glyphicon-save</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-open"></span>
                                        <span class="glyphicon-class">glyphicon-open</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-saved"></span>
                                        <span class="glyphicon-class">glyphicon-saved</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-import"></span>
                                        <span class="glyphicon-class">glyphicon-import</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-export"></span>
                                        <span class="glyphicon-class">glyphicon-export</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-send"></span>
                                        <span class="glyphicon-class">glyphicon-send</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-floppy-disk"></span>
                                        <span class="glyphicon-class">glyphicon-floppy-disk</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-floppy-saved"></span>
                                        <span class="glyphicon-class">glyphicon-floppy-saved</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-floppy-remove"></span>
                                        <span class="glyphicon-class">glyphicon-floppy-remove</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-floppy-save"></span>
                                        <span class="glyphicon-class">glyphicon-floppy-save</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-floppy-open"></span>
                                        <span class="glyphicon-class">glyphicon-floppy-open</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-credit-card"></span>
                                        <span class="glyphicon-class">glyphicon-credit-card</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-transfer"></span>
                                        <span class="glyphicon-class">glyphicon-transfer</span>
                                    </div>
                                </div>

                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-cutlery"></span>
                                        <span class="glyphicon-class">glyphicon-cutlery</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-header"></span>
                                        <span class="glyphicon-class">glyphicon-header</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-compressed"></span>
                                        <span class="glyphicon-class">glyphicon-compressed</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-earphone"></span>
                                        <span class="glyphicon-class">glyphicon-earphone</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-phone-alt"></span>
                                        <span class="glyphicon-class">glyphicon-phone-alt</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-tower"></span>
                                        <span class="glyphicon-class">glyphicon-tower</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-stats"></span>
                                        <span class="glyphicon-class">glyphicon-stats</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-sd-video"></span>
                                        <span class="glyphicon-class">glyphicon-sd-video</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-hd-video"></span>
                                        <span class="glyphicon-class">glyphicon-hd-video</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-subtitles"></span>
                                        <span class="glyphicon-class">glyphicon-subtitles</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-sound-stereo"></span>
                                        <span class="glyphicon-class">glyphicon-sound-stereo</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-sound-dolby"></span>
                                        <span class="glyphicon-class">glyphicon-sound-dolby</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-sound-5-1"></span>
                                        <span class="glyphicon-class">glyphicon-sound-5-1</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-sound-6-1"></span>
                                        <span class="glyphicon-class">glyphicon-sound-6-1</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-sound-7-1"></span>
                                        <span class="glyphicon-class">glyphicon-sound-7-1</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-copyright-mark"></span>
                                        <span class="glyphicon-class">glyphicon-copyright-mark</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-registration-mark"></span>
                                        <span class="glyphicon-class">glyphicon-registration-mark</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-cloud-download"></span>
                                        <span class="glyphicon-class">glyphicon-cloud-download</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-cloud-upload"></span>
                                        <span class="glyphicon-class">glyphicon-cloud-upload</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-tree-conifer"></span>
                                        <span class="glyphicon-class">glyphicon-tree-conifer</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="glyphicon glyphicon-tree-deciduous"></span>
                                        <span class="glyphicon-class">glyphicon-tree-deciduous</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="h3">
                            Weather Icon Fonts
                            <hr>
                        </div>
                        <div class="row">
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <i class="wi wi-smoke"></i>
                                        <span class="glyphicon-class">wi-smoke</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-night-alt-sleet-storm"></span>
                                        <span class="glyphicon-class">wi-night-alt-sleet-storm</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-hurricane"></span>
                                        <span class="glyphicon-class">wi-hurricane</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-dust"></span>
                                        <span class="glyphicon-class">wi-dust</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-day-snow-thunderstorm"></span>
                                        <span class="glyphicon-class">wi-day-snow-thunderstorm</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-smog"></span>
                                        <span class="glyphicon-class">wi-smog</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-snow-wind"></span>
                                        <span class="glyphicon-class">wi-snow-wind</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-night-snow-thunderstorm"></span>
                                        <span class="glyphicon-class">wi-night-snow-thunderstorm</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-day-snow-wind"></span>
                                        <span class="glyphicon-class">wi-day-snow-wind</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-day-snow-thunderstorm"></span>
                                        <span class="glyphicon-class">wi-day-snow-thunderstorm</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-snowflake-cold"></span>
                                        <span class="glyphicon-class">wi-snowflake-cold</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-night-snow-wind"></span>
                                        <span class="glyphicon-class">wi-night-snow-wind</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-solar-eclipse"></span>
                                        <span class="glyphicon-class">wi-solar-eclipse</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-stars"></span>
                                        <span class="glyphicon-class">wi-stars</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-night-alt-snow-wind"></span>
                                        <span class="glyphicon-class">wi-night-alt-snow-wind</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-lunar-eclipse"></span>
                                        <span class="glyphicon-class">wi-lunar-eclipse</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-night-partly-cloudy"></span>
                                        <span class="glyphicon-class">wi-night-partly-cloudy</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-day-sleet-storm"></span>
                                        <span class="glyphicon-class">wi-day-sleet-storm</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-meteor"></span>
                                        <span class="glyphicon-class">wi-meteor</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-night-sleet-storm"></span>
                                        <span class="glyphicon-class">wi-night-sleet-storm</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-hot"></span>
                                        <span class="glyphicon-class">wi-hot</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-day-cloudy-gusts"></span>
                                        <span class="glyphicon-class">wi-day-cloudy-gusts</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-day-rain-mix"></span>
                                        <span class="glyphicon-class">wi-day-rain-mix</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-day-sunny-overcast"></span>
                                        <span class="glyphicon-class">wi-day-sunny-overcast</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-day-cloudy-windy"></span>
                                        <span class="glyphicon-class">wi-day-cloudy-windy</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-day-rain-wind"></span>
                                        <span class="glyphicon-class">wi-day-rain-wind</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-day-sunny"></span>
                                        <span class="glyphicon-class">wi-day-sunny</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-day-cloudy"></span>
                                        <span class="glyphicon-class">wi-day-cloudy</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-day-rain"></span>
                                        <span class="glyphicon-class">wi-day-rain</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-day-storm-showers"></span>
                                        <span class="glyphicon-class">wi-day-storm-showers</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-day-fog"></span>
                                        <span class="glyphicon-class">wi-day-fog</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-day-showers"></span>
                                        <span class="glyphicon-class">wi-day-showers</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-day-thunderstorm"></span>
                                        <span class="glyphicon-class">wi-day-thunderstorm</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-day-hail"></span>
                                        <span class="glyphicon-class">wi-day-hail</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-day-snow"></span>
                                        <span class="glyphicon-class">wi-day-snow</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-day-lightning"></span>
                                        <span class="glyphicon-class">wi-day-lightning</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-day-sprinkle"></span>
                                        <span class="glyphicon-class">wi-day-sprinkle</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-cloudy-gusts"></span>
                                        <span class="glyphicon-class">wi-cloudy-gusts</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-lightning"></span>
                                        <span class="glyphicon-class">wi-lightning</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-snow"></span>
                                        <span class="glyphicon-class">wi-snow</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-cloudy-windy"></span>
                                        <span class="glyphicon-class">wi-cloudy-windy</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-rain-mix"></span>
                                        <span class="glyphicon-class">wi-rain-mix</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-sprinkle"></span>
                                        <span class="glyphicon-class">wi-sprinkle</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-cloudy"></span>
                                        <span class="glyphicon-class">wi-cloudy</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-rain-wind"></span>
                                        <span class="glyphicon-class">wi-rain-wind</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-storm-showers"></span>
                                        <span class="glyphicon-class">wi-storm-showers</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-fog"></span>
                                        <span class="glyphicon-class">wi-fog</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-rain"></span>
                                        <span class="glyphicon-class">wi-rain</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-thunderstorm"></span>
                                        <span class="glyphicon-class">wi-thunderstorm</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-hail"></span>
                                        <span class="glyphicon-class">wi-hail</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-showers"></span>
                                        <span class="glyphicon-class">wi-showers</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-night-alt-cloudy-gusts"></span>
                                        <span class="glyphicon-class">wi-night-alt-cloudy-gusts</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-night-alt-sprinkle"></span>
                                        <span class="glyphicon-class">wi-night-alt-sprinkle</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-night-rain-mix"></span>
                                        <span class="glyphicon-class">wi-night-rain-mix</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-night-alt-cloudy-windy"></span>
                                        <span class="glyphicon-class">wi-night-alt-cloudy-windy</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-night-alt-storm-showers"></span>
                                        <span class="glyphicon-class">wi-night-alt-storm-showers</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-night-rain-wind"></span>
                                        <span class="glyphicon-class"> wi-night-rain-wind</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-night-alt-hail"></span>
                                        <span class="glyphicon-class">wi-night-alt-hail</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-night-alt-thunderstorm"></span>
                                        <span class="glyphicon-class">wi-night-alt-thunderstorm</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-night-rain"></span>
                                        <span class="glyphicon-class">wi-night-rain</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-night-alt-lightning"></span>
                                        <span class="glyphicon-class">wi-night-alt-lightning</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-night-clear"></span>
                                        <span class="glyphicon-class">wi-night-clear</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-night-showers"></span>
                                        <span class="glyphicon-class">wi-night-showers</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-night-alt-rain-mix"></span>
                                        <span class="glyphicon-class">wi-night-alt-rain-mix</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-night-cloudy-gusts"></span>
                                        <span class="glyphicon-class">wi-night-cloudy-gusts</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-night-snow"></span>
                                        <span class="glyphicon-class">wi-night-snow</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-night-alt-rain-wind"></span>
                                        <span class="glyphicon-class">wi-night-alt-rain-wind</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-night-cloudy-windy"></span>
                                        <span class="glyphicon-class">wi-night-cloudy-windy</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-night-sprinkle"></span>
                                        <span class="glyphicon-class">wi-night-sprinkle</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-night-alt-rain"></span>
                                        <span class="glyphicon-class">wi-night-alt-rain</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-night-cloudy"></span>
                                        <span class="glyphicon-class">wi-night-cloudy</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-night-storm-showers"></span>
                                        <span class="glyphicon-class">wi-night-storm-showers</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-night-alt-showers"></span>
                                        <span class="glyphicon-class">wi-night-alt-showers</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-night-hail"></span>
                                        <span class="glyphicon-class">wi-night-hail</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-night-thunderstorm"></span>
                                        <span class="glyphicon-class">wi-night-thunderstorm</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-night-alt-snow"></span>
                                        <span class="glyphicon-class">wi-night-alt-snow</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
                                <div class="panel panel-default">
                                    <div class="panel-body page-icons">
                                        <span class="wi wi-night-lightning"></span>
                                        <span class="glyphicon-class">wi-night-lightning</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--===================================================-->
                    <!--End page content-->
                </section>
                <!--===================================================-->
                <!--END CONTENT CONTAINER-->
                <!--MAIN NAVIGATION-->
                <!--===================================================-->
                <nav id="mainnav-container">
                    <div id="mainnav">
                        <!--Menu-->
                        <!--================================-->
                        <div id="mainnav-menu-wrap">
                            <div class="nano">
                                <div class="nano-content">
                                    <ul id="mainnav-menu" class="list-group">
                                        <!--Category name-->
                                        <li class="list-header">Navigation</li>
                                        <!--Menu list item-->
                                        <li>
                                            <a href="javascript:void(0)">
                                            <i class="fa fa-home"></i>
                                            <span class="menu-title">Dashboard</span>
                                            <i class="arrow"></i>
                                            </a>
                                            <!--Submenu-->
                                            <ul class="collapse">
                                                <li><a href="index.html"><i class="fa fa-caret-right"></i> Homepage V1</a></li>
                                                <li><a href="dashboard-v2.html"><i class="fa fa-caret-right"></i> Homepage V2</a></li>
                                                <li><a href="dashboard-v3.html"><i class="fa fa-caret-right"></i> Homepage V3</a></li>
                                            </ul>
                                        </li>
                                        <!--Category name-->
                                        <li class="list-header">Components</li>
                                        <!--Menu list item-->
                                        <li>
                                            <a href="ui-icons.html#">
                                            <i class="fa fa-briefcase"></i>
                                            <span class="menu-title">UI Elements</span>
                                            <i class="arrow"></i>
                                            </a>
                                            <!--Submenu-->
                                            <ul class="collapse">
                                                <li><a href="ui-animation.html"><i class="fa fa-caret-right"></i> CSS3 Animation </a></li>
                                                <li><a href="ui-panel.html"><i class="fa fa-caret-right"></i> Panel </a></li>
                                                <li><a href="ui-xeditable.html"><i class="fa fa-caret-right"></i> Xeditable </a></li>
                                                <li><a href="ui-button.html"><i class="fa fa-caret-right"></i> Buttons </a></li>
                                                <li><a href="ui-fontawesome.html"><i class="fa fa-caret-right"></i> Fontawesome </a></li>
                                                <li><a href="ui-icons.html"><i class="fa fa-caret-right"></i> Icons </a></li>
                                                <li><a href="ui-components.html"><i class="fa fa-caret-right"></i> Components </a></li>
                                                <li><a href="ui-timeline.html"><i class="fa fa-caret-right"></i> Timeline </a></li>
                                                <li><a href="ui-nested-lists.html"><i class="fa fa-caret-right"></i> Nested Lists </a></li>
                                                <li><a href="ui-grids.html"><i class="fa fa-caret-right"></i> Grids </a></li>
                                                <li><a href="ui-tab.html"><i class="fa fa-caret-right"></i> Tab </a></li>
                                                <li><a href="ui-accordions.html"><i class="fa fa-caret-right"></i> Accordions </a></li>
                                                <li><a href="ui-dragdrop.html"><i class="fa fa-caret-right"></i> Draggable Panel</a></li>
                                                <li><a href="ui-typography.html"><i class="fa fa-caret-right"></i> Typography </a></li>
                                            </ul>
                                        </li>
                                        <!--Menu list item-->
                                        <li>
                                            <a href="ui-icons.html#">
                                            <i class="fa fa-file"></i>
                                            <span class="menu-title">Pages</span>
                                            <i class="arrow"></i>
                                            </a>
                                            <!--Submenu-->
                                            <ul class="collapse">
                                                <li><a href="pages-faq.html"><i class="fa fa-caret-right"></i> FAQ </a></li>
                                                <li><a href="pages-gallery.html"><i class="fa fa-caret-right"></i> Gallery </a></li>
                                                <li><a href="pages-directory.html"><i class="fa fa-caret-right"></i> Directory </a></li>
                                                <li><a href="pages-profile.html"><i class="fa fa-caret-right"></i> User Profile </a></li>
                                                <li><a href="pages-invoice.html"><i class="fa fa-caret-right"></i> Invoice </a></li>
                                                <li><a href="pages-login.html"><i class="fa fa-caret-right"></i> Login </a></li>
                                                <li><a href="pages-register.html"><i class="fa fa-caret-right"></i> Register </a></li>
                                                <li><a href="pages-password-reminder.html"><i class="fa fa-caret-right"></i> Password Reminder </a></li>
                                                <li><a href="pages-lock-screen.html"><i class="fa fa-caret-right"></i> Lock Screen </a></li>
                                                <li><a href="pages-404.html"><i class="fa fa-caret-right"></i> 404 Error </a></li>
                                                <li><a href="pages-500.html"><i class="fa fa-caret-right"></i> 500 Error </a></li>
                                            </ul>
                                        </li>
                                        <!--Menu list item-->
                                        <li>
                                            <a href="ui-icons.html#">
                                            <i class="fa fa-table"></i>
                                            <span class="menu-title">Tables</span>
                                            <i class="arrow"></i>
                                            </a>
                                            <!--Submenu-->
                                            <ul class="collapse">
                                                <li><a href="table-static.html"><i class="fa fa-caret-right"></i> Static Table <span class="label label-info pull-right">New</span></a></li>
                                                <li><a href="table-datatable.html"><i class="fa fa-caret-right"></i> Datatable Table </a></li>
                                                <li><a href="table-footable.html"><i class="fa fa-caret-right"></i> Footable Table </a></li>
                                            </ul>
                                        </li>
                                        <!--Menu list item-->
                                        <li>
                                            <a href="ui-icons.html#">
                                            <i class="fa fa-edit"></i>
                                            <span class="menu-title">Forms</span>
                                            <i class="arrow"></i>
                                            </a>
                                            <!--Submenu-->
                                            <ul class="collapse">
                                                <li><a href="forms-layout.html"><i class="fa fa-caret-right"></i> Form Layout </a></li>
                                                <li><a href="forms-switchery.html"><i class="fa fa-caret-right"></i> Form Switchery </a></li>
                                                <li><a href="forms-components.html"><i class="fa fa-caret-right"></i> Form Components </a></li>
                                                <li><a href="forms-validation.html"><i class="fa fa-caret-right"></i> Form Validation </a></li>
                                                <li><a href="forms-wizard.html"><i class="fa fa-caret-right"></i> Form Wizard </a></li>
                                            </ul>
                                        </li>
                                        <!--Menu list item-->
                                        <li>
                                            <a href="ui-icons.html#">
                                            <i class="fa fa-line-chart"></i>
                                            <span class="menu-title">Charts</span>
                                            <i class="arrow"></i>
                                            </a>
                                            <!--Submenu-->
                                            <ul class="collapse">
                                                <li><a href="charts-flot.html"><i class="fa fa-caret-right"></i> Flot Chart </a></li>
                                                <li><a href="charts-morris.html"><i class="fa fa-caret-right"></i> Morris Chart </a></li>
                                            </ul>
                                        </li>
                                        <li class="list-divider"></li>
                                        <!--Category name-->
                                        <li class="list-header">Extra</li>
                                        <!--Menu list item-->
                                        <li>
                                            <a href="calendar.html">
                                            <i class="fa fa-calendar"></i>
                                            <span class="menu-title">
                                            Calendar
                                            </span>
                                            </a>
                                        </li>
                                        <!--Menu list item-->
                                        <li>
                                            <a href="ui-widgets.html">
                                            <i class="fa fa-flask"></i>
                                            <span class="menu-title">
                                               Widgets
                                            <span class="label label-pink pull-right">New</span>
                                            </span>
                                            </a>
                                        </li>
                                        <!--Menu list item-->
                                        <li>
                                            <a href="ui-icons.html#">
                                            <i class="fa fa-envelope-o"></i>
                                            <span class="menu-title">Mail</span>
                                            <i class="arrow"></i>
                                            </a>
                                            <!--Submenu-->
                                            <ul class="collapse">
                                                <li><a href="mail-inbox.html"><i class="fa fa-caret-right"></i> Inbox </a></li>
                                                <li><a href="mail-compose.html"><i class="fa fa-caret-right"></i> Compose </a></li>
                                                <li><a href="mail-mailview.html"><i class="fa fa-caret-right"></i> Mail View </a></li>
                                            </ul>
                                        </li>
                                        <!--Menu list item-->
                                        <li>
                                            <a href="ui-icons.html#">
                                            <i class="fa fa-map-marker"></i>
                                            <span class="menu-title">
                                            Maps
                                            <span class="label label-mint pull-right">New</span>
                                            </span>
                                            </a>
                                            <!--Submenu-->
                                            <ul class="collapse">
                                                <li><a href="maps-gmap.html">Google Maps</a></li>
                                                <li><a href="maps-vectormap.html">Vector Maps</a></li>
                                            </ul>
                                        </li>
                                        <!--Menu list item-->
                                        <li>
                                            <a href="ui-icons.html#">
                                            <i class="fa fa-plus-square"></i>
                                            <span class="menu-title">Menu Level</span>
                                            <i class="arrow"></i>
                                            </a>
                                            <!--Submenu-->
                                            <ul class="collapse">
                                                <li><a href="ui-icons.html#"><i class="fa fa-caret-right"></i> Second Level Item</a></li>
                                                <li><a href="ui-icons.html#"><i class="fa fa-caret-right"></i> Second Level Item</a></li>
                                                <li><a href="ui-icons.html#"><i class="fa fa-caret-right"></i> Second Level Item</a></li>
                                                <li class="list-divider"></li>
                                                <li>
                                                    <a href="ui-icons.html#">Third Level<i class="arrow"></i></a>
                                                    <!--Submenu-->
                                                    <ul class="collapse">
                                                        <li><a href="ui-icons.html#"><i class="fa fa-caret-right"></i> Third Level Item</a></li>
                                                        <li><a href="ui-icons.html#"><i class="fa fa-caret-right"></i> Third Level Item</a></li>
                                                        <li><a href="ui-icons.html#"><i class="fa fa-caret-right"></i> Third Level Item</a></li>
                                                        <li><a href="ui-icons.html#"><i class="fa fa-caret-right"></i> Third Level Item</a></li>
                                                    </ul>
                                                </li>
                                                <li>
                                                    <a href="ui-icons.html#">Third Level<i class="arrow"></i></a>
                                                    <!--Submenu-->
                                                    <ul class="collapse">
                                                        <li><a href="ui-icons.html#"><i class="fa fa-caret-right"></i> Third Level Item</a></li>
                                                        <li><a href="ui-icons.html#"><i class="fa fa-caret-right"></i> Third Level Item</a></li>
                                                        <li><a href="ui-icons.html#"><i class="fa fa-caret-right"></i> Third Level Item</a></li>
                                                        <li class="list-divider"></li>
                                                        <li><a href="ui-icons.html#"><i class="fa fa-caret-right"></i> Third Level Item</a></li>
                                                        <li><a href="ui-icons.html#"><i class="fa fa-caret-right"></i> Third Level Item</a></li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </li>
                                    </ul>
                                    <!--Widget-->
                                    <!--================================-->
                                    <div class="mainnav-widget">
                                        <!-- Show the button on collapsed navigation -->
                                        <div class="show-small">
                                            <a href="ui-icons.html#" data-toggle="menu-widget" data-target="#demo-wg-server">
                                            <i class="fa fa-desktop"></i>
                                            </a>
                                        </div>
                                        <!-- Hide the content on collapsed navigation -->
                                        <div id="demo-wg-server" class="hide-small mainnav-widget-content">
                                            <ul class="list-group">
                                                <li class="list-header pad-no pad-ver">Server Status</li>
                                                <li class="mar-btm">
                                                    <span class="label label-primary pull-right">15%</span>
                                                    <p>CPU Usage</p>
                                                    <div class="progress progress-sm">
                                                        <div class="progress-bar progress-bar-primary" style="width: 15%;">
                                                            <span class="sr-only">15%</span>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="mar-btm">
                                                    <span class="label label-purple pull-right">75%</span>
                                                    <p>Bandwidth</p>
                                                    <div class="progress progress-sm">
                                                        <div class="progress-bar progress-bar-purple" style="width: 75%;">
                                                            <span class="sr-only">75%</span>
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <!--================================-->
                                    <!--End widget-->
                                </div>
                            </div>
                        </div>
                        <!--================================-->
                        <!--End menu-->
                    </div>
                </nav>
                <!--===================================================-->
                <!--END MAIN NAVIGATION-->
                <!--ASIDE--> 
                <!--===================================================-->
                <aside id="aside-container">
                    <div id="aside">
                        <div class="nano closed">
                            <div class="nano-content">
                                <div class="fade in active">
                                    <h4 class="pad-hor text-thin"> Online Members (7) </h4>
                                    <ul class="list-group bg-trans">
                                        <li class="list-group-item">
                                            <a href="javascript:void(0)" class="conversation-toggle">
                                                <div class="pull-left avatar mar-rgt"> <img src="img/av1.png" alt="" class="img-sm"> <i class="on bottom text-light"></i> </div>
                                                <div class="inline-block">
                                                    <div class="text-small">John Knight</div>
                                                    <small class="text-mute">Available</small> 
                                                </div>
                                            </a>
                                        </li>
                                        <li class="list-group-item">
                                            <a href="javascript:void(0)" class="conversation-toggle">
                                                <div class="pull-left avatar mar-rgt"> <img src="img/av2.png" alt="" class="img-sm"> <i class="on bottom text-light"></i> </div>
                                                <div class="inline-block pad-ver-5">
                                                    <div class="text-small">Jose Knight</div>
                                                    <small class="text-mute">Available</small> 
                                                </div>
                                            </a>
                                        </li>
                                        <li class="list-group-item">
                                            <a href="javascript:void(0)" class="conversation-toggle">
                                                <div class="pull-left avatar mar-rgt"> <img src="img/av3.png" alt="" class="img-sm"> <i class="on bottom text-light"></i> </div>
                                                <div class="inline-block">
                                                    <div class="text-small">Roy Banks</div>
                                                    <small class="text-mute">Available</small> 
                                                </div>
                                            </a>
                                        </li>
                                        <li class="list-group-item">
                                            <a href="javascript:void(0)" class="conversation-toggle">
                                                <div class="pull-left avatar mar-rgt"> <img src="img/av7.png" alt="" class="img-sm"> <i class="on bottom text-light"></i> </div>
                                                <div class="inline-block">
                                                    <div class="text-small">Steven Jordan</div>
                                                    <small class="text-mute">Available</small> 
                                                </div>
                                            </a>
                                        </li>
                                        <li class="list-group-item">
                                            <a href="javascript:void(0)" class="conversation-toggle">
                                                <div class="pull-left avatar mar-rgt"> <img src="img/av4.png" alt="" class="img-sm"> <i class="on bottom text-light"></i> </div>
                                                <div class="inline-block">
                                                    <div class="text-small">Scott Owens</div>
                                                    <small class="text-mute">Available</small> 
                                                </div>
                                            </a>
                                        </li>
                                        <li class="list-group-item">
                                            <a href="javascript:void(0)" class="conversation-toggle">
                                                <div class="pull-left avatar mar-rgt"> <img src="img/av5.png" alt="" class="img-sm"> <i class="on bottom text-light"></i> </div>
                                                <div class="inline-block">
                                                    <div class="text-small">Melissa Hunt</div>
                                                    <small class="text-mute">Available</small> 
                                                </div>
                                            </a>
                                        </li>
                                        <li class="list-group-item">
                                            <a href="javascript:void(0)" class="conversation-toggle">
                                                <div class="pull-left avatar mar-rgt"> <img src="img/av1.png" alt="" class="img-sm"> <i class="busy bottom text-light"></i> </div>
                                                <div class="inline-block">
                                                    <div class="text-small">John Knight</div>
                                                    <small class="text-mute">Available</small> 
                                                </div>
                                            </a>
                                        </li>
                                        <li class="list-group-item">
                                            <a href="javascript:void(0)" class="conversation-toggle">
                                                <div class="pull-left avatar mar-rgt"> <img src="img/av2.png" alt="" class="img-sm"> <i class="busy bottom text-light"></i> </div>
                                                <div class="inline-block">
                                                    <div class="text-small">Jose Knight</div>
                                                    <small class="text-mute">Available</small> 
                                                </div>
                                            </a>
                                        </li>
                                        <li class="list-group-item">
                                            <a href="javascript:void(0)" class="conversation-toggle">
                                                <div class="pull-left avatar mar-rgt"> <img src="img/av3.png" alt="" class="img-sm"> <i class="busy bottom text-light"></i> </div>
                                                <div class="inline-block">
                                                    <div class="text-small">Roy Banks</div>
                                                    <small class="text-mute">Available</small> 
                                                </div>
                                            </a>
                                        </li>
                                        <li class="list-group-item">
                                            <a href="javascript:void(0)" class="conversation-toggle">
                                                <div class="pull-left avatar mar-rgt"> <img src="img/av7.png" alt="" class="img-sm"> <i class="busy bottom text-light"></i> </div>
                                                <div class="inline-block">
                                                    <div class="text-small">Steven Jordan</div>
                                                    <small class="text-mute">Available</small> 
                                                </div>
                                            </a>
                                        </li>
                                        <li class="list-group-item">
                                            <a href="javascript:void(0)" class="conversation-toggle">
                                                <div class="pull-left avatar mar-rgt"> <img src="img/av1.png" alt="" class="img-sm"> <i class="off bottom text-light"></i> </div>
                                                <div class="inline-block pad-ver-5">
                                                    <div class="text-small">John Knight</div>
                                                    <small class="text-mute">Available</small> 
                                                </div>
                                            </a>
                                        </li>
                                        <li class="list-group-item">
                                            <a href="javascript:void(0)" class="conversation-toggle">
                                                <div class="pull-left avatar mar-rgt"> <img src="img/av2.png" alt="" class="img-sm"> <i class="off bottom text-light"></i> </div>
                                                <div class="inline-block pad-ver-5">
                                                    <div class="text-small">Jose Knight</div>
                                                    <small class="text-mute">Available</small> 
                                                </div>
                                            </a>
                                        </li>
                                        <li class="list-group-item">
                                            <a href="javascript:void(0)" class="conversation-toggle">
                                                <div class="pull-left avatar mar-rgt"> <img src="img/av3.png" alt="" class="img-sm"> <i class="off bottom text-light"></i> </div>
                                                <div class="inline-block pad-ver-5">
                                                    <div class="text-small">Roy Banks</div>
                                                    <small class="text-mute">Available</small> 
                                                </div>
                                            </a>
                                        </li>
                                        <li class="list-group-item">
                                            <a href="javascript:void(0)" class="conversation-toggle">
                                                <div class="pull-left avatar mar-rgt"> <img src="img/av7.png" alt="" class="img-sm"> <i class="off bottom text-light"></i> </div>
                                                <div class="inline-block">
                                                    <div class="text-small">Steven Jordan</div>
                                                    <small class="text-mute">Available</small> 
                                                </div>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </aside>
                <!--===================================================--> 
                <!--END ASIDE-->
                <!--RIGHT CHAT MESSANGER--> 
                <!--===================================================-->
                <aside class="conversation closed">
                    <div class="nano">
                        <div class="nano-content">
                            <div class="media">
                                <div class="media-left"> <a href="javascript:void(0)" class="conversation-toggle"> <i class="fa fa-angle-left"></i></a> </div>
                                <div class="media-body text-center">
                                    <h4 class="media-heading">John smith</h4>
                                    <p class="text-sm">Online</p>
                                </div>
                            </div>
                            <div class="chat-window">
                                <form class="form">
                                    <div class="floating-label">
                                        <textarea id="sidebarChatMessage" placeholder="Leave a message" rows="2" class="form-control autosize" name="sidebarChatMessage"></textarea>
                                        <label for="sidebarChatMessage"></label>
                                    </div>
                                </form>
                                <div class="msg_container_base">
                                    <div class="msg_container base_sent">
                                        <div class="col-md-9 col-xs-9">
                                            <div class="messages msg_sent">
                                                <p>that mongodb thing looks good, huh? </p>
                                                <time datetime="2009-11-13T20:00">Timothy • 51 min</time>
                                            </div>
                                        </div>
                                        <div class="col-md-3 col-xs-3 avatar"> <img src="img/av1.png" alt=""> </div>
                                    </div>
                                    <div class="msg_container">
                                        <div class="col-md-3 col-xs-3 avatar"> <img src="img/av2.png" alt=""> </div>
                                        <div class="col-md-9 col-xs-9">
                                            <div class="messages msg_receive">
                                                <p>that mongodb thing looks good, huh? </p>
                                                <time datetime="2009-11-13T20:00">Timothy • 51 min</time>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="msg_container">
                                        <div class="col-md-3 col-xs-3 avatar"> <img src="img/av2.png" alt=""> </div>
                                        <div class="col-xs-9 col-md-9">
                                            <div class="messages msg_receive">
                                                <p>that mongodb thing looks good, huh? </p>
                                                <time datetime="2009-11-13T20:00">Timothy • 51 min</time>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="msg_container base_sent">
                                        <div class="col-xs-9 col-md-9">
                                            <div class="messages msg_sent">
                                                <p>that mongodb thing looks good, huh? </p>
                                                <time datetime="2009-11-13T20:00">Timothy • 51 min</time>
                                            </div>
                                        </div>
                                        <div class="col-md-3 col-xs-3 avatar"> <img src="img/av1.png" alt=""> </div>
                                    </div>
                                    <div class="msg_container">
                                        <div class="col-md-3 col-xs-3 avatar"> <img src="img/av2.png" alt=""> </div>
                                        <div class="col-xs-9 col-md-9">
                                            <div class="messages msg_receive">
                                                <p>that mongodb thing looks good, huh?</p>
                                                <time datetime="2009-11-13T20:00">Timothy • 51 min</time>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </aside>
                <!--END RIGHT CHAT MESSANGER--> 
                <!--===================================================-->
            </div>
            <!-- FOOTER -->
            <!--===================================================-->
            <footer id="footer">
                <!-- Visible when footer positions are fixed -->
                <!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
                <div class="show-fixed pull-right">
                    <ul class="footer-list list-inline">
                        <li>
                            <p class="text-sm">SEO Proggres</p>
                            <div class="progress progress-sm progress-light-base">
                                <div style="width: 80%" class="progress-bar progress-bar-danger"></div>
                            </div>
                        </li>
                        <li>
                            <p class="text-sm">Online Tutorial</p>
                            <div class="progress progress-sm progress-light-base">
                                <div style="width: 80%" class="progress-bar progress-bar-primary"></div>
                            </div>
                        </li>
                        <li>
                            <button class="btn btn-sm btn-dark btn-active-success">Checkout</button>
                        </li>
                    </ul>
                </div>
                <!-- Visible when footer positions are static -->
                <!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
                <div class="hide-fixed pull-right pad-rgt">Currently v2.2</div>
                <!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
                <!-- Remove the class name "show-fixed" and "hide-fixed" to make the content always appears. -->
                <!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
                <p class="pad-lft">&#0169; 2015 Your Company</p>
            </footer>
            <!--===================================================-->
            <!-- END FOOTER -->
            <!-- SCROLL TOP BUTTON -->
            <!--===================================================-->
            <button id="scroll-top" class="btn"><i class="fa fa-chevron-up"></i></button>
            <!--===================================================-->
        </div>
        <!--===================================================-->
        <!-- END OF CONTAINER -->
        <!--JAVASCRIPT-->
        <!--=================================================-->
        <!--jQuery [ REQUIRED ]-->
        <script src="js/jquery-2.1.1.min.js"></script>
        <!--BootstrapJS [ RECOMMENDED ]-->
        <script src="js/bootstrap.min.js"></script>
        <!--Fast Click [ OPTIONAL ]-->
        <script src="plugins/fast-click/fastclick.min.js"></script>
        <!--Jasmine Admin [ RECOMMENDED ]-->
        <script src="js/scripts.js"></script>
        <!--Jquery Nano Scroller js [ REQUIRED ]-->
        <script src="plugins/nanoscrollerjs/jquery.nanoscroller.min.js"></script>
        <!--Merismenu js [ REQUIRED ]-->
        <script src="plugins/metismenu/metismenu.min.js"></script>
        <!--Switchery [ OPTIONAL ]-->
        <script src="plugins/switchery/switchery.min.js"></script>
        <!--Bootstrap Select [ OPTIONAL ]-->
        <script src="plugins/bootstrap-select/bootstrap-select.min.js"></script>
        <!--Fullscreen jQuery [ OPTIONAL ]-->
        <script src="plugins/screenfull/screenfull.js"></script>
    </body>
</html>